<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎来到用户管理页</title>
<link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.10.3.custom.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="../css/users.css" />
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="../js/users.js"></script>

<script type="text/javascript">

</script>
</head>
<body>
<div><a>用户管理</a></div>
<div id="dialog-form" title="创建新用户">
	<p class="validateTips">所有表格信息都必须填写.</p>

	<form>
	<fieldset>
		<label for="name">用户名</label>
		<input type="text" autocomplete="off" name="name" id="name" class="text ui-widget-content ui-corner-all" />
		<label for="email">邮箱</label>
		<input type="text" autocomplete="off" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
		<label for="password">密码</label>
		<input type="password" autocomplete="off" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
		<label for="permissions">权限组</label>
		<input type="radio" autocomplete="off" name="permissions" id="permission1" value="0" class="text ui-widget-content ui-corner-all" />管理员
		<input type="radio" checked="checked" name="permissions" id="permission2" value="1" class="text ui-widget-content ui-corner-all" />普通用户
	</fieldset>
	</form>
</div>


<div id="users-contain" class="ui-widget">
	<h1>已经存在的用户:</h1>
	<table id="users" class="ui-widget ui-widget-content">
		<thead>
			<tr class="ui-widget-header ">
				<th>姓名</th>
				<th>邮箱</th>
				<th>密码</th>
				<th>权限组</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Admin</td>
				<td>743433455@qq.com</td>
				<td>123456</td>
				<th>管理员</th>
			</tr>
		</tbody>
	</table>
</div>
<button id="create-user">创建新用户</button>


</body>
</html>